<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bit官网</title>
    <link rel="stylesheet" href="css/img.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/test.css">
</head>

<body>
    <header class="bit-header">
        <nav class="bit-header-nav">
            <ul class="bit-header-nav-ul">
                <li class="bit-log"><a class="bit-first" href="bit.html"></a></li>
                <li class="bit-length-first bit-nav"><a class="color" href="bit_introduction.html">社团介绍</a></li>
                <li class="bit-length-second bit-nav"><a class="color WaitForYou" href="">资料分享</a></li>
                <li class="bit-length-second bit-nav"><a class="color"
                        href="http://qm.qq.com/cgi-bin/qm/qr?k=eX09tueevsN8C44EXUmhWaZEAMszKk5U&authKey=gElE9Ow5Qe5gk2jFXMHCZUPmCOPanBqTucgNA%2BbGiblUZTmq9qs8pIpkQa8z8GH%2F&group_code=805411512"
                        target="_blank">加入社团</a></li>
                <li class="bit-length-third bit-header-nav-ul-li">
                    <div class="right">
                        <div class="flex">
                            <img class="img-circle" src="img/circle.png">
                            <span>MENU</span>
                            <img class="img-search" src="img/search.png">
                        </div>
                        <ul class="bit-header-nav-ul-li-second">
                            <li class="special-height"><a href=""></a></li>
                            <li class="color-white"><a href="bit_introduction.html">部门介绍</a></li>
                            <li class="color-white"><a href="https://space.bilibili.com/385638996"
                                    target="_blank">课程视频</a></li>
                            <li class="color-white"><a class="WaitForYou" href="">资料分享</a></li>
                            <li class="color-white-special"><a class="InSearch" href="#">站内彩蛋</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <article class="main-article">
            <section class="introduction">
                <p class="word">我们只做技术</p>
                <p class="tech">UI,前端，后端，网络</p>
                <p class="word">只有你想不到，没有我们做不到</p>
            </section>
            <section class="outside">
                <div class="courses">
                    <h1>近期课程/<span>Recent Course</span></h1>
                    <h2 class="color">UI Design</h2>
                    <div class="sub-part"></div>
                    <p class="color contents">界面设计是一个复杂的有不同学科参与的工程学...</p>
                </div>
            </section>
        </article>
        <article class="main-activity">
            <div class="activity">
                <div class="activity-branch1 activity-branch"><img src="img/海报.jpg" alt="海报"></div>
                <div class="activity-branch"><img src="img/海报2.jpg" alt="海报"></div>
                <div class="activity-branch"><img src="img/海报3.jpg" alt="海报"></div>
                <div class="activity-branch4 activity-branch"><img src="img/海报4.jpg" alt="海报"></div>
            </div>
        </article>
        <div class="part"></div>
        <article>
            <section class="testsect1">
                <h3 class="testh3">公关部</h3>
                <section class="testsect ">
                    <img class="testimg zhi" src="img/gong-g/卞志斌.jpg">
                    <div class="testart">
                        <p class="testp1">材料工程学院。
                            喜欢动漫、美剧、游戏，涉猎广泛但大多不精（-_-）喜欢宅。</p>
                        <p class="testp2">卞志斌</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg wan" src="img/gong-g/万超.jpg">
                    <div class="testart">
                        <p class="testp1">爱好旅游 ，打乒乓球，比较喜欢打游戏，喜欢看人物传记
                                信息与通信工程学院
                                电子信息工程182
                                </p>
                        <p class="testp2">万超</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg sun" src="img/gong-g/孙超.jpg">
                    <div class="testart">
                        <p class="testp1">孙超，机械电子工程182，爱音乐，爱动漫</p>
                        <p class="testp2">孙超</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg yang" src="img/gong-g/沈天阳.jpg">
                    <div class="testart">
                        <p class="testp1">爱好电影；五迷；不擅长学习</p>
                        <p class="testp2">沈天阳</p>
                    </div>
                </section>
                <section class="testsect spehu">
                    <img class="testimg hu" src="img/gong-g/胡修智.jpg">
                    <div class="testart">
                        <p class="testp1">工业中心D自集成181的一名学渣！
                            抱着对编程的热爱来到bit！成为了一名公关部部员！</p>
                        <p class="testp2">胡修智</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg ge" src="img/gong-g/葛志刚.jpg">
                    <div class="testart">
                        <p class="testp1">工业中心，自动化（系统集成）181     
                            喜欢看小说、游戏，不擅长学习。</p>
                        <p class="testp2">葛志刚</p>
                    </div>
                </section>
            </section>
            <section class="testsect1">
                <h3 class="testh3">开发部</h3>
                <section class="testsect">
                    <img class="testimg fei" src="img/kai-fa/周鹏飞.jpg">
                    <div class="testart">
                        <p class="testp1">愿望方面呢,世界那么大，真想去看看。技术方面呢，前端、后端都略有涉及，会些nginx，linux会centos版本，同时还在多线程学习算法、数据结构、计算机原理...未来嘛，可期。</p>
                        <p class="testp2">周鹏飞</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg hui" src="img/kai-fa/周瀛.jpg">
                    <div class="testart">
                        <p class="testp1">周瀛，来自功能材料专业。
                            我是一个普通人，不愿用自己的平庸去糟践天上的星星。
                            喜欢乱捣鼓，但不精，想静通某一方面嗷。想成为一名大佬</p>
                        <p class="testp2">周瀛</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg xia" src="img/kai-fa/夏一鸣.jpg">
                    <div class="testart">
                        <p class="testp1">网络嵌入161班，会点C语言的皮毛，
                            会点Java的基础，尝试过安卓编程，熟悉linux系统的操作，
                            接触过软件逆向，目前主攻网络</p>
                        <p class="testp2">夏一鸣</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg xu" src="img/kai-fa/徐可.jpg">
                    <div class="testart">
                        <p class="testp1">电力工程学院继保162班，
                            喜欢学习计算机方面知识，
                            尤其是逆向工程方向，擅长易语言，
                            经常进行一些程序的逆向分析，做过MMORPG类游戏的辅助。
                            会使用PHP进行简单的网页制作。</p>
                        <p class="testp2">徐可</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg yang" src="img/kai-fa/杨炼鑫.jpg">
                    <div class="testart">
                        <p class="testp1">我是来自计算机工程学院大数据181的杨炼鑫，
                            我性格不算活泼，为人友好，对计算机技术十分感兴趣。 </p>
                        <p class="testp2">杨炼鑫</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg wang" src="img/kai-fa/汪赛文.jpg">
                    <div class="testart">
                        <p class="testp1">玉树凌风胜潘安，一枝梨花压海棠。没错这就是我们Bit开发部男部员的平均水准emmm
                                Bit的小姐姐？抱歉直男不需要爱情！
                                本人是身在机械院但梦想成为一名程序猿的攻城狮，未来机械院的小可爱们如果在加入Bit社后遇到社团与专业关系的问题时欢迎向我询问。
                                目前已入门C语言，掌握CAD,能开发简单的HTML 5界面小应用…
                                下半年招新时你们可能会看到我开发的“男工城新生入学APP”
                                拜拜啦！Bit社团，等你来见！
                                </p>
                        <p class="testp2">汪赛文</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg hui" src="img/kai-fa/王梦辉.jpg">
                    <div class="testart">
                        <p class="testp1">
                                计算机工程学院，计嵌专业。
                                熟悉C语言，JavaSE，安卓开发，Photoshop。
                                兴趣爱好广泛，诗词，音乐，历史，神话，科学都有所涉猎，话题基本不会枯竭。
                                不擅长任何体育运动，本质上是个肥宅。
                        </p>
                        <p class="testp2">王梦辉</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg wang-fei" src="img/kai-fa/王飞.jpg">
                    <div class="testart">
                        <p class="testp1">我是艺设院工艺美术161班的王飞。主要负责bit社的Photoshop教学工作，现任开发部副部。
                                我这人，有点意思。喜欢爱开玩笑，没有等级眼光，喜欢和任何人做朋友。
                                平时爱读散文，尤爱简祯，其次张爱玲，以及民国梁林徐等野史传记。
                                虽大大咧咧，对好朋友毫无隐藏，但平时文风悲观为主。
                                喜欢打羽毛球，仅此一项体育活动。祝bit越办越好 
                                </p>
                        <p class="testp2">王飞</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg bai" src="img/kai-fa/白泉雨.jpg">
                    <div class="testart">
                        <p class="testp1">信息与通信工程学院；擅长C，C++，javaSE，jsp，数据库等；
                            平时的话比较喜欢运动，也比较喜欢算法。</p>
                        <p class="testp2">白泉雨</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg chen" src="img/kai-fa/陈天凤.jpg">
                    <div class="testart">
                        <p class="testp1">陈天凤——计算机工程学院，数字媒体技术专业，热爱工作和学习，想要追求不平凡不普通的生活。
                            </p>
                        <p class="testp2">陈天凤</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg gu" src="img/kai-fa/顾烨峰.jpg">
                    <div class="testart">
                        <p class="testp1">计算机工程学院，网络工程嵌入式培养181。
                            擅长各种体育活动，却想做一个IT男，妄想做一个安静的美男子，
                            做事细腻且沉稳，理想主义者，对未来有着近乎偏执的幻想，
                            期望大学四年能够完成华丽的蜕变。</p>
                        <p class="testp2">顾烨峰</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg ma" src="img/kai-fa/马威.jpg">
                    <div class="testart">
                        <p class="testp1">喜欢柠檬茶，喜欢潘粤明，喜欢樱桃子，喜欢敲代码，喜欢录广播，喜欢我自己，喜欢这个世界。 </p>
                        <p class="testp2">马威</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg wei" src="img/kai-fa/魏来.jpg">
                    <div class="testart">
                        <p class="testp1">计嵌181魏来，吃喝玩乐，样样精通，学习嘛，嘻嘻，更精通。</p>
                        <p class="testp2">魏来</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg tang" src="img/kai-fa/唐金健.png">
                    <div class="testart">
                        <p class="testp1">工业中心自动化(系统集成)专业。熟练Axure、Processon、Photoshop等工具。
                            大学以前，从0到1开发并运营过自己的产品，上万次下载量，受众多用户好评，
                            持续运营3年，现仍有用户为此持续付费。
                            曾担任学生社团负责人，获得星级社团、品牌活动荣誉。
                            热爱技术。初中时，学习Windows开发。
                            高中时学习前端开发并一直至今，熟悉C/C++、Java。
                            熟悉前端基础技术（HTML、CSS、JavaScript、ECMAScript），
                            熟练使用主流前端框架类库（Vue.js、Element、iView、Axios），
                            并对后端技术有一定探索（Koa2、Egg.js、MongoDB、Java），
                            能够独立完成一个非复杂项目的前后端整体开发。</p>
                        <p class="testp2">唐金健</p>
                    </div>
                </section>
            </section>
            <section class="testsect1">
                <h3 class="testh3">组织部</h3>
                <section class="testsect">
                    <img class="testimg kai" src="img/zu-zhi/张恺.jpg">
                    <div class="testart">
                        <p class="testp1">机械工程学院，工业工程182，
                            平时有点宅，游戏，动漫，电影，音乐都喜欢，资深海米，
                            电脑编程方面的小菜鸡</p>
                        <p class="testp2">张恺</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg bei" src="img/zu-zhi/姜培均.jpg">
                    <div class="testart">
                        <p class="testp1">计算机学院软件嵌入，对计算机技术有着浓厚的兴趣，
                            喜欢看一些科幻、悬疑以及带有讽刺社会现状和揭露人性的电影，同时也是一个刀塔菜鸡玩家。</p>
                        <p class="testp2">姜培均</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg bin" src="img/zu-zhi/张子斌.png">
                    <div class="testart">
                        <p class="testp1">汽车与轨道交通学院，车辆175班，
                            单身男一枚。对计算机，编程有浓厚的兴趣。
                            爱好听歌看小说泡图书馆，欢迎来撩~</p>
                        <p class="testp2">张子斌</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg li" src="img/zu-zhi/李成宁.jpg">
                    <div class="testart">
                        <p class="testp1">大家好，我叫李成宁，来自南通，目前是金属材料专业。
                            可盐可甜，但最喜欢玩长板，听音乐。很高兴认识大家。</p>
                        <p class="testp2">李成宁</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg wen" src="img/zu-zhi/杨文秀.jpg">
                    <div class="testart">
                        <p class="testp1">
                                我叫杨文秀，大数据181班，平常喜欢看看书(偶尔)，听听歌(经常)，无聊的时候看看电影。
                                周三或者周末有时也会出去走走。不玩游戏，不刷抖音(主要是怕上瘾)。
                                热爱生活，向往自由:-D
                        </p>
                        <p class="testp2">杨文秀</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg sc" src="img/zu-zhi/水川.jpg">
                    <div class="testart">
                        <p class="testp1">我的名字是水川，来自信息工程182。
                            喜欢听歌 尤其是电音，也很喜欢打游戏和追动漫。靠谱队友</p>
                        <p class="testp2">水川</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg xue" src="img/zu-zhi/王梦雪.jpg">
                    <div class="testart">
                        <p class="testp1">自我介绍：车辆172班，咸鱼一只，学过一点点前端。
                            唯一保留的兴趣爱好就是各种音游。</p>
                        <p class="testp2">王梦雪</p>
                    </div>
                </section>
            </section>
            <section class="testsect1">
                <h3 class="testh3">内务部</h3>
                <section class="testsect">
                    <img class="testimg xin" src="img/nei-wu/姜心怡.jpg">
                    <div class="testart">
                        <p class="testp1">我是内务部的姜心怡，
                            在bit呢我觉得自己变得开朗了，对前端 ps也有了初步的认识，希望自己可以学到更多。</p>
                        <p class="testp2">姜心怡</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg chang" src="img/nei-wu/周畅.jpg">
                    <div class="testart">
                        <p class="testp1">啥都略懂，啥也不精，在自学adobe系列的路上越走越远。</p>
                        <p class="testp2">周畅</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg yu" src="img/nei-wu/孟欠雨.jpg">
                    <div class="testart">
                        <p class="testp1">自动化学院，自动化。技术小白，喜欢结识大佬。
                            兴趣爱好广泛，喜欢尝试新鲜事物，挑战极限。</p>
                        <p class="testp2">孟欠雨</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg tao" src="img/nei-wu/廖涛.jpg">
                    <div class="testart">
                        <p class="testp1">一只不太精致的猪猪大男孩，
                            不抽烟不喝酒，会做饭，较为稀有的运动灵活的宅(◕ˇ∀ˇ◕)！
                            对计算机有满腔热血，热爱视频后期，手工漫绘，什么都想做，虽然很菜。
                            但咱有热情、有行动啊，总有一天会变成大佬的！ヾ(✿ﾟ▽ﾟ)ノ</p>
                        <p class="testp2">廖涛</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg xu" src="img/nei-wu/徐劲.jpg">
                    <div class="testart">
                        <p class="testp1">计算机工程学院，网络工程。
                            喜欢学习一些有趣的知识，渴望成为一名大佬</p>
                        <p class="testp2">徐劲</p>
                    </div>
                </section>
                <section class="testsect">
                    <img class="testimg shi" src="img/nei-wu/陈世宇.JPG">
                    <div class="testart">
                        <p class="testp1">计算机工程学院，软件嵌入。Java编程还可以，Web开发在学中，网络技术放弃中。喜欢的东西太多，都是有始无终。喜欢高的地方，山顶，天台，过山车。座右铭：凡人皆有一死，凡人皆须侍奉。</p>
                        <p class="testp2">陈世宇</p>
                    </div>
                </section>
            </section>
        </article>
    </main>
    <footer class="foot">
        <p class="footsup">
            Copyright ©2019 bitshe.cn
        </p>
        <p class="footsub">
            bit社团 版权所有 <a href="http://www.beian.miit.gov.cn/">苏ICP备16003926号-4</a>
        </p>
    </footer>
    <script src="js/home_page.js"></script>
    <script src="js/courses.js"></script>
</body>

</html>